前端开发工具一览

优化工具

• JPG、PNG压缩工具：在线编辑网站

• SVG在线压缩：在线编辑网站

• 在线制作favicon

• 在线检测兼容性Can I Use

• 不同浏览器hack一览网站

• CSS normalize

调试工具

• 调试网站模拟不同系统是所需虚拟机：Virtual Box、VMware

• Windows不同系统镜像（包含不同的IE浏览器版本）

• 安卓模拟器

• 浏览器同步测试工具BrowerSync

• 在线网站性能测试WebPagetest

Polyfill

• 焦点图组件库

• picture元素模拟库

• 兼容老版本IE不支持HTML5的模拟库

• 兼容老版本IE不支持CSS3的媒体查询的模拟库

小工具

• icon字体图标在线生成工具Ico Moon

• 阿里巴巴矢量图标库Iconfont

• 雪碧图生成工具CssGaga

• 浏览器插件---Web前端助手Helper

• Gith UI操作软件SourceTreeSetup

• 取色软件Picpick

• LongPathTool v2.20 绿色版(Windows长路径文件删除工具)

前端开发常用工具

• Photoshop

• Axure

• Sublime Text、Atom

• Emmet

• Node.js、NPM

• Windows下安装Git Bash、GUI

• Grunt、Gulp、Webpack

• Fiddler

• 常用配置文件：rebots.txt、humans.txt、.editorconfig、gitignore、LICENSE.txt、README.md、CHANGELOG.md

• 常用库和框架Bootstrap、JQuery、React、AngularJs、Vue

• Apache

• FireFox 15.0.1